<template>
	<view class="m-goods-list-ass">
		<view class="flex-between flex-align-items">
			<view class="u-left flex-start" style="align-items: center;">
				<u--image :showLoading="true" :src="item.complete_thumbs" width="60px" height="60px" mode="aspectFit"></u--image>
				<text class="title u-line-2 text-sm">{{ item.goods_title }}</text>
			</view>
			<view class="u-right" style="text-align: right;">
				<view>
					<text class="price number">{{ item.goods_integral }}</text>
					<text class="compan">{{ configInfo.integral_company }}</text>
				</view>
				<view class="e-tags">
					<view class="tag" v-if="num > 0">
						<u-parse :content="$util.handleStr($t('m_goods_list_ass.all-count'),num)"></u-parse>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from "vuex"
	export default {
		name:"m-goods-list-ass",
		props: ['item','price','size','num'],
		data() {
			return {
			};
		},
		computed: mapState({
			userInfo: state => state.user.userInfo,
			configInfo: state => state.config.configInfo,
		}),
		mounted: function () {
			this.setting = uni.getStorageSync('_config');
		},
	}
</script>

<style lang="scss">
		.u-left{
			text{
				margin: 10px;
				color: $incolor-1;
				width: 135px;
			}
		}
		.u-right{
			.price{
				font-size: 32rpx;
				font-weight: bold;
				color: $incolor-1;
			}
			.compan{
				margin-left: 3px;
				color: $incolor-1;
				font-size: $titleSize;
			}
			.e-tags{
				margin-top: 5px;
			}
			.e-tags .tag{
				color: $incolor-2;
				font-size: 24rpx;
			}	
		}

</style>